<template>
  <div>
    <dialog-diy
      ref="dialogDiy"
      :title="title ? title : '选择用户'"
      DialogWidth="1200px"
      :fullscreenDis="false"
    >
      <div style="height: 550px;">
        <user-list
          @getStoreItem="getStoreItem"
          :handleNum="handleNum"
          :checked="checked"
        ></user-list>
      </div>
    </dialog-diy>
  </div>
</template>
<script>
import dialogDiy from "../../dialogDiy/index.vue";
import userList from "../index.vue";
export default {
  name: "index",
  components: {
    dialogDiy,
    userList
  },
  data() {
    return {
      handleNum: "",
      callback: function() {},
      checked: [],
      title: ""
    };
  },
  methods: {
    openlog() {
      this.$refs.dialogDiy.openlog();
    },
    getStoreItem(user) {
      this.callback(user);
      this.$refs.dialogDiy.handleClose();
    }
  }
};
</script>

<style scoped lang="scss">
/deep/ .el-dialog__body {
  padding: 0 20px;
}
</style>
